﻿@model VietTrips.WebUI.Models.LoginModel

@{
    ViewBag.Title = "Đăng Nhập";
}

@section featured {
<div id="page_title">
    <div class="container clearfix">
        <div class="page-name">@ViewBag.Title</div>
        <div class="breadcrumb clearfix">
            <a href="@Url.Action("Index", "Home")">Trang Chủ</a>
            <span class="current-page">@ViewBag.Title</span>
        </div>
    </div>
</div>
}
<div class="row clearfix pv-20">
    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        <div class="col-xs-12 col-sm-7 col-md-7 xs-mb">
            <div class="white-bg payment-wrapper">
                @Html.ValidationSummary(true)

                <h3 class="section-title mt-20">Thông tin tài khoản</h3>

                <div class="bb2 mb-30"></div>
                <div class="form-horizontal">
                    <div class="form-group">
                        @Html.LabelFor(m => m.UserName, htmlAttributes: new Dictionary<string, object> { { "class", "col-lg-4 control-label" } })
                        <div class="col-lg-8">
                            @Html.TextBoxFor(m => m.UserName, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Tên Truy Cập" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.UserName)</p>
                        </div>

                    </div>
                    <div class="gap20"></div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.Password, htmlAttributes: new Dictionary<string, object> { { "class", "col-lg-4 control-label" } })
                        <div class="col-lg-8">
                            @Html.PasswordFor(m => m.Password, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Mật Khẩu" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Password)</p>
                        </div>
                    </div>
                    <div class="gap20"></div>
                    <div class="form-group">
                        <div class="col-lg-4"></div>
                        <div class="col-lg-8">
                            <ul class="styled-checkbox">
                                <li>
                                    <label for="remember-me">
                                        @Html.CheckBoxFor(m => m.RememberMe, htmlAttributes: new { id = "remember-me" })
                                        Lưu thông tin đăng nhập
                                    </label>
                                </li>
                            </ul>
                        </div>
                    </div>                                                                              
                    <div class="gap10"></div>
                    <div class="form-group">
                        <div class="col-lg-4"></div>
                        <div class="col-lg-8">
                            <input type="submit" value="Đăng Nhập" class="btn btn-lg btn-primary" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-5 col-md-5 xs-mb">
            <div class="white-bg payment-wrapper">
                <div class="form-horizontal">
                    <h3 class="section-title mt-20">Nếu chưa có tài khoản</h3>
                    <div class="bb2 mb-20"></div>
                    <div class="gap20"></div>
                    @Html.ActionLink("Đăng Ký Tài Khoản", "Register", "Account", new { @class = "btn btn-lg btn-primary", style = "width:100%;" })
                    <div class="gap50"></div>
                    <h4 class="section-title">Đăng nhập thông qua Dịch Vụ khác.</h4>
                    @Html.Action("ExternalLoginsList", new { ReturnUrl = ViewBag.ReturnUrl })                                  
                </div>
            </div>
        </div>
    }
</div>
@section Scripts {
    @*Scripts.Render("~/bundles/jqueryval")*@
    <script src="~/Content/metronic/plugins/gmaps/gmaps.min.js"></script>
}


